<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/liMarquee.css">
    <link rel="stylesheet" href="css/region.css">
</head>

<body>
    <!-- 头部盒子 -->
    <header>

        <!-- 二级地区框 -->
        <!-- 地区1 -->
        <select onchange="add_station_id()" id="city1">
            <option value="hz">杭州</option>
            <option value="fy">富阳</option>
            <option value="lz">湖州</option>
            <option value="jx">嘉兴</option>
            <option value="jh">金华</option>
            <option value="yw">义乌</option>
            <option value="ls">丽水</option>
            <option value="nb">宁波</option>
            <option value="qz">衢州</option>
            <option value="sx">绍兴</option>
            <option value="tz">台州</option>
            <option value="wz">温州</option>
            <option value="zs">舟山</option>

        </select>
        <select id="station_id1">
            <option value="">1</option>
            <option value="">2</option>
            <option value="">5</option>
            <option value="">6</option>
            <option value="">7</option>
            <option value="">8</option>
            <option value="">9</option>
            <option value="">10</option>
            <option value="">11</option>
            <option value="">12</option>
            <option value="">13</option>
        </select>

        <!-- 地区2 -->
        <select onchange="add_station_id2()" id="city2">
            <option value="hz">杭州</option>
            <option value="fy">富阳</option>
            <option value="lz">湖州</option>
            <option value="jx">嘉兴</option>
            <option value="jh">金华</option>
            <option value="yw">义乌</option>
            <option value="ls">丽水</option>
            <option value="nb">宁波</option>
            <option value="qz">衢州</option>
            <option value="sx">绍兴</option>
            <option value="tz">台州</option>
            <option value="wz">温州</option>
            <option value="zs">舟山</option>

        </select>
        <select id="station_id2">
            <option value="">1</option>
            <option value="">2</option>
            <option value="">5</option>
            <option value="">6</option>
            <option value="">7</option>
            <option value="">8</option>
            <option value="">9</option>
            <option value="">10</option>
            <option value="">11</option>
            <option value="">12</option>
            <option value="">13</option>
        </select>

        <!-- 选择时间 -->
        <input type="text" id="selectTime" placeholder="请选择查询时间">

        <!-- 查询按钮 -->

        <h1>特定区域空气质量情况</h1>

        <div class="showTime">
            <button id="chaxun">查询</button>
            <button id="back" onclick="window.open('index.html')">返回</button>

        </div>
    </header>

    <!-- 页面主体部分 -->
    <section class="mainbox">
        <!-- 中间列 -->
        <div class="column">
            <!-- 地图模块 -->
            <div class="map">
                <div class="map1"></div>
                <div class="map2"></div>
                <div class="map3"></div>
                <div class="chart">
                    <div class="line"></div>
                    <div class="pie">
                        <div class="diqu1"></div>
                        <div class="diqu2"></div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <script src="./js/jquery.js"></script>
    <script src="./js/jquery.liMarquee.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./js/echarts.min.js"></script>
    <script src="./js/laydate/laydate.js"></script>
    <script src="./js/region.js"></script>

</body>

</html>